$(() => {
    function verification()  {
        console.log(1);
        // let phoneCodeVerification = /^[1][3,4,5,7,8][0-9]{9}$/;
        let pwdVerification = /^(?![0-9]+$)(?![a-z]+$)(?![A-Z]+$)(?!([^(0-9a-zA-Z)])+$).{6,20}$/;

        $(".username").on("input", () => {
            $(".user_error").text("验证完成后,您可以使用手机登录或者找回密码");
            $(".user_error").css({
                color: "rgb(153,153,153)"
            })

        }).on("change", () => {
            if (/^[1][3,4,5,7,8][0-9]{9}$/.test($(".username").val()) == false) {
                $(".user_error").text("请输入正确的手机号码");
                $(".user_error").css({
                    color: "red"
                })
                return false;
            } else {
                $(".user_error").text("");
            }
        })

        $(".password").on("focus", () => {
            console.log(1);
            $(".pwd_error").text("8-20个字符，由字母，数字和符号的两种以上组合");
            $(".pwd_error").css({
                color: "rgb(153,153,153)"
            })
        }).on("blur", () => {
            if (pwdVerification.test($(".password").val()) == false) {
                $(".pwd_error").text("请输入符合规则的密码");
                $(".pwd_error").css({
                    color: "red"
                })
                return false;
            } else {
                $(".pwd_error").text("");
            }
        })

        $(".sure_pwd").on("focus", () => {
            console.log(1);
            $(".sure_pwd_error").text("8-20个字符，由字母，数字和符号的两种以上组合");
            $(".sure_pwd_error").css({
                color: "rgb(153,153,153)"
            })
        }).on("blur", () => {
            if ($(".sure_pwd").val !== $(".password").val()) {
                $(".sure_pwd_error").text("请输入相同的密码");
                $(".sure_pwd_error").css({
                    color: "red"
                })
                return false
            } else {
                $(".sure_pwd_error").text("");
            }
        })
    }

    $(".btn_register").click(() => {
      
       let uname_val = $(".username").val();
       let pwd_val = $(".password").val();
      
        if ($(".username").val() === "") {
            $(".user_error").text("请输入手机号码");
            $(".user_error").css({
                color: "red"
            })
            return false;
        }else if($(".password").val() === ""){
            $(".pwd_error").text("请输入密码");
            $(".pwd_error").css({
                color: "red"
            })
            return false;
        }else if($(".sure_pwd").val() === ""){
            $(".sure_pwd_error").text("请输入相同的密码");
            $(".sure_pwd_error").css({
                color: "red"
            })
            return false;
        }
        verification();

        
        $.ajax({
            type:"POST",
            url: "http://localhost/suning/register.php",
            dataType:"json",
            data:{
                username : uname_val,
                password: pwd_val
            },
            success: function (res) {  
                console.log(res);
                if(res.type === "existing"){
                    alert("账号已存在");
                }else if(res.type === "success"){
                    open("../html/login.html");
                }else{
                    console.log(res.type);
                }
            }
        })

    })

})